@import (reference) "../variable.less";
@import "../common.less";

@padding-lr-m: 15px;

.wea-edc-fv-wrapper {
  background: rgb(237, 240, 248);
  -webkit-overflow-scrolling:touch; 
  
  & > div {
    width: 100%;
    min-height: 100%;
    padding: 20px 10px; 
    margin: 0 auto;
  }
  &.wea-edc-fv-wrapper-mobilefull > div{
    padding: 0px;
  }
  &.mobile-device {
    font-size: 14px;

    select, textarea, input,
    .wea-edc-form-number .ant-input {
      width: 100%;
      height: @mobile-fh;
      line-height: @mobile-fh;
    }

    .wea-edc-form-name,
    .wea-edc-form-email,
    .wea-edc-form-telephone,
    .wea-edc-form-mobile,
    .wea-edc-form-number{
      .ant-input{
        width: 100%;
      }
    }

    .wea-edc-form-item {
      padding: 10px @padding-lr-m;

      .wea-edc-com-title {
        font-size: 16px;
      }

      .wea-edc-com-desc {
        font-size: inherit;
      }
    }

    .wea-edc-errmsg {
      left: @padding-lr-m;
      line-height: 1.2;
    }
  }
}

@media (min-width: 960px) {
  .wea-edc-fv-wrapper > div {
    width: 700px;
  }
}

.wea-edc-pane-box{
  height: 100vh;
}
.wea-edc-success-box,
.wea-edc-error-box {
  padding: 15px 0 0;
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
  box-shadow: 0 3px 5px rgba(0,0,0,0.15);
  position: relative;

  footer {
    line-height: 36px;
    background: #F1F1F1;
  }
}
.wea-edc-success-content {
  padding: 20px 3% 30px;
  background: #fff;
}
.wea-edc-error-content {
	padding: 40px 3% 80px;
	background: #fff;
}

@media screen and (max-width: 799px) and (min-width: 321px) {
  .wea-edc-success-box {
    width: 94%;
    padding-top: 3%;
  }
}